<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <h:panelGrid columns="1" style="width: 650px;margin: 0 auto">
                        <p:commandButton id="btnNuevoBanco" action="#{MBCotizacion.nuevo()}" value="AGREGAR COTIZACION" ajax="false"/>
                    </h:panelGrid> 
                </h:form>
                <h:form>
                    <p:panel id="pnlBusquedaCotizacion" header="Consulta Cotizaciones" style="width:650px;margin: 0px auto;" 
                             toggleable="true" widgetVar="buscar" collapsed="#{BKCotizacion.listaCotizacionesActivos ne null}">
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText value="CLIENTE: " class="lblBusqueda"/>
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtRazonSocialBusqueda" style="width: 100%"
                                                 value="#{BKCotizacion.cotizacionBusqueda.cliente}" /> 
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText value="CODIGO: " class="lblBusqueda"  />  
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCodigoFP" style="width: 100%"
                                                 value="#{BKCotizacion.cotizacionBusqueda.codigo}" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="TIPO: " class="lblBusqueda"  />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu value="#{BKCotizacion.cotizacionBusqueda.tipoCot}" style="width: 200px">   
                                        <f:selectItem itemLabel="Seleccione" itemValue="%"/> 
                                        <f:selectItem itemLabel="TELA" itemValue="T" />  
                                        <f:selectItem itemLabel="PRENDA" itemValue="P" />  
                                    </p:selectOneMenu>  
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText value="PRODUCTO: " class="lblBusqueda"  />
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtProdCotizacion" style="width: 100%"
                                                 value="#{BKCotizacion.cotizacionBusqueda.nombreProducto}" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblFechaInicio" value="DEL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaInicio" locale="es"
                                                value="#{BKCotizacion.fechaInicio}" 
                                                pattern="dd/MM/yyyy" 
                                                maxdate="#{BKCotizacion.fechaFinal}"
                                                showOn="button" showButtonPanel="true" navigator="true" >
                                        <p:ajax event="dateSelect" listener="#{MBCotizacion.marcarInicio}" update="txtFechaFinal" />
                                    </p:calendar>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaFinal" value="AL: " class="lblBusqueda"/>
                                </p:column>
                                <p:column>
                                    <p:calendar id="txtFechaFinal" locale="es"
                                                value="#{BKCotizacion.fechaFinal}" 
                                                pattern="dd/MM/yyyy"
                                                mindate="#{BKCotizacion.fechaInicio}"
                                                showOn="button" showButtonPanel="true" navigator="true">
                                        <p:ajax event="dateSelect" listener="#{MBCotizacion.marcarFinal}" update="txtFechaInicio" />
                                    </p:calendar>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnBuscarCotizacion" actionListener="#{MBCotizacion.buscarListaCotizaciones}" value="BUSCAR"  
                                                     update="pnlListaCotizaciones,dataTablaCotizaciones" oncomplete="listaCotizaciones.show();buscar.toggle()" 
                                                     styleClass="ui-priority-primary" style="font-size: 12px"/>
                                </p:column>
                            </p:row>

                        </p:panelGrid>


                        <h:panelGrid columns="2" cellpadding="2" rendered="false"> 
                            <h:outputText value="SUBCATEGORIA: " rendered="false" class="lblBusqueda" />  
                            <p:selectOneMenu id="cbxCategoriaArticulo" converter="#{categoriaArticuloConverter}" 
                                             value="#{BKCotizacion.categoriaArticulo}" rendered="false"> 
                                <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                <f:selectItems value="#{BKCotizacion.listaCategoriaArticulos}" 
                                               var="categoria" itemLabel="#{categoria.nombre}"
                                               itemValue="#{categoria}" />	
                            </p:selectOneMenu> 

                            <h:outputText value="CLIENTE: " class="lblBusqueda"  />  
                            <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCliente" value="#{BKCotizacion.cotizacionBusqueda.cliente}" rendered="false"/>
                            <p:selectOneMenu value="#{BKCotizacion.cotizacionBusqueda.idCliente}" converter="#{clienteConverter}"
                                             id="cbxCliente" filter="true" filterMatchMode="contains" var="cliente">  
                                <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                <f:selectItems value="#{BKCotizacion.listaClienteFormulario}" var="cli" 
                                               itemLabel="#{cli.razonSocial}" itemValue="#{cli}" /> 
                                <p:column>
                                    #{cliente.razonSocial}
                                </p:column>
                            </p:selectOneMenu>


                        </h:panelGrid>
                    </p:panel>

                    <p:panel id="pnlListaCotizaciones" header="Lista de Cotizaciones" closable="true" style="width: 100%;margin: 10px auto" 
                             visible="#{(BKCotizacion.listaCotizacionesActivos eq null)?false:true}" widgetVar="listaCotizaciones" >

                        <p:dataTable id="dataTablaCotizaciones" var="cotizacion" value="#{BKCotizacion.listaCotizacionesActivos}" widgetVar="lista"
                                     emptyMessage="No se encontraron servicios" filteredValue="" rowIndexVar="rowIndex"
                                     paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="20,40,60"
                                     scrollable="true" scrollHeight="250" style="width:100%" paginatorPosition="bottom" styleClass="datable-busqueda"> 
                            <f:facet name="header" >
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaCotizaciones" fileName="cotizaciones" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaCotizaciones" fileName="cotizaciones" />  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>

                            <p:column id="idColumnaNum" 
                                      headerText="Nº"  style="width: 4%" > 
                                <h:outputText value="#{rowIndex+1}" /> 
                            </p:column>

                            <p:column id="idColumnaCliente" sortBy="#{cotizacion.cliente}" style="width: 20%" > 
                                <f:facet name="header">  
                                    <h:outputText value="Cliente"  />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.cliente}" /> 
                            </p:column>

                            <p:column id="idColumnaCodigo" sortBy="#{cotizacion.codigo}" style="width: 11%"> 
                                <f:facet name="header">  
                                    <h:outputText value="Código" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.codigo}" /> 
                            </p:column>

                            <p:column id="idColumnaCategoriaArticulo" style="width: 20%"
                                      sortBy="#{cotizacion.nombreProducto}" > 
                                <f:facet name="header">  
                                    <h:outputText value="Producto" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.nombreProducto}" /> 
                            </p:column>

                            <p:column id="idColumnaDetalle" sortBy="#{cotizacion.detalle}" style="width: 10%" > 
                                <f:facet name="header">  
                                    <h:outputText value="Detalle" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.detalle}" /> 
                            </p:column>

                            <p:column id="idColumnaUnidadMedida" sortBy="#{cotizacion.unidadMedida}" style="width: 5%" > 
                                <f:facet name="header">  
                                    <h:outputText value="UM" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.unidadMedida}"  >
                                </h:outputText> 
                            </p:column>

                            <p:column id="idColumnaPrecioVenta" sortBy="#{cotizacion.precioVenta}" style="width: 6%" > 
                                <f:facet name="header">  
                                    <h:outputText value="PV" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.precioVenta}"  >
                                    <f:convertNumber maxFractionDigits="2" groupingUsed="false" minFractionDigits="2" />
                                </h:outputText> 
                            </p:column>
                            <p:column id="idColumnaVersion" sortBy="#{cotizacion.version}" style="width: 5%"> 
                                <f:facet name="header">  
                                    <h:outputText value="VS" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.version}" />
                            </p:column>

                            <p:column id="idColumnaFecha" style="width: 9%"
                                      sortBy="#{cotizacion.fecCreacion}"> 
                                <f:facet name="header">  
                                    <h:outputText value="Fecha" />  
                                </f:facet>
                                <h:outputText value="#{cotizacion.fecCreacion}" >
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>
                            </p:column>


                            <p:column id="idAccionesCotizacion" headerText="Acciones" exportable="false" style="width: 10%">
                                <p:commandButton icon="ui-icon-search" title="Ver" action="#{MBCotizacion.ver()}" immediate="true" ajax="false">
                                    <f:setPropertyActionListener value="#{cotizacion}" target="#{BKCotizacion.cotizacionFormulario}" />  
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>
                    </p:panel>

                    <p:confirmDialog id="dlgEliminarCotizacion" message="#{message['dialog.confirmacion.mensaje']}" 
                                     header="#{message['dialog.confirmacion.header']}" severity="alert" widgetVar="confirmacion">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnConfEliCotizacion" update="dataTablaCotizaciones" value="Si"  oncomplete="confirmacion.hide()"  
                                             actionListener="#{MBCotizacion.eliminar}" immediate="true" />  
                            <p:commandButton id="btnCancEliCotizacion" value="No" onclick="confirmacion.hide()" type="button" />   
                        </h:panelGrid>

                    </p:confirmDialog>		

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</html>   